<p id="notice"><%= notice %></p>
<div class="title_product">
  <strong>Thông tin phiên đấu giá</strong>
</div>
<div class="in_auction">
  <div class="user">
    <%= image_tag @auction.user.img,:alt => "User avatar",:width => 120,:height => 120 %>
  </div>
  <div class="title">
    <%= link_to @auction.name, @auction %>
  </div>
  <div class="list_product">
    <label>Loại đấu giá</label><br/>
    <label>Trạng thái</label><br/>
    <label>Đã bán</label><br/>
  </div>

  <div class="time">
    Bắt đầu<br/> <i><%= @auction.start %><br/></i>
    Kết thúc<br/><i><%= @auction.finish %><br/></i>
  </div>
  <!--<%= link_to 'Edit', edit_auction_path(@auction) %>-->
  <!--<%= link_to 'Destroy', @auction, method: :delete, data: { confirm: 'Are you sure?' } %>-->
</div>
<div class="title_product">
  <strong>
    <label><strong>Các sản phẩm bán trong phiên đấu giá</strong></label>
    <div class="up">
      <blog class="b1" onclick="toggle_f()"><%= image_tag "up.png",:width => 13,:height => 13 %></blog>
      <blog class="b2" onclick="toggle_f()"><%= image_tag "down.png",:width => 13,:height => 13 %></blog>
    </div>
  </strong>
</div>
<% i=1 %>
<% @auction.products.each do |product| %>
    <div class="product_detail" >
      <div class="detail_img">
        <%= image_tag product.img, :alt=>"Product image",:width=>200,:height=>200 %>
      </div>
      <div class="detail_info">

      </div>
      <div class="daugia_title">
        <strong>Đấu giá sản phẩm này</strong>
        <blog class="b<%=i%>1" onclick="toggle_dg(<%=i%>)"><%= image_tag "up.png",:width => 13,:height => 13 %></blog>
        <blog class="b<%=i%>2" onclick="toggle_dg(<%=i%>)"><%= image_tag "down.png",:width => 13,:height => 13 %></blog>
      </div>
      <div class="daugia<%=i%>">
          <div id="list_aucting">
            <p class="head"><label class="user_name">Người đấu giá</label><label id="ds1">Mức giá</label> Thời gian </p>
          <% product.auctings.reverse.each do |aucting| %>
            <p><label class="user_name"><%= aucting.user.display_name %></label><label id="ds1"><%= aucting.price %></label><%=aucting.time %> </p>
          <% end %>
        </div>
        <div id="left_daugia" style="float:left; margin-left: 10px;">
          <%= render :partial => 'form_aucting',:locals => {:aucting=>Aucting.new(:user_id=>current_user.id,:product_id=>product.id,:time=>Time.now)} %>
        </div>
      </div>
    </div>
    <% i=i+1 %>
<% end %>
<a class="click" onclick="visibleForm()" >Thêm sản phẩm!</a>
<div id="produ">

</div>
<div id="formP"><%= render :partial => "new_product", :locals => {:product=> Product.new(:auction_id=>@auction.id,:user_id=>current_user.id)} %></div>

<%= link_to 'Edit', edit_auction_path(@auction) %> |
<%= link_to 'Back', auctions_path %>
<script>
    function visibleForm()
    {
        $('#formP').slideToggle(2000);
    }
    function toggle_f()
    {
        $('.b1').slideToggle(1);
        $('.b2').slideToggle(1);
        $('.product_detail').slideToggle(1000);
    }
    function toggle_dg(a){
        if(a==1){
            $('.daugia1').slideToggle(1000);
            $('.b11').slideToggle(1);
            $('.b12').slideToggle(1);
        }
        else if(a==2){
            $('.daugia2').slideToggle(1000);
            $('.b21').slideToggle(1);
            $('.b22').slideToggle(1);
        }
        else if(a==3){
            $('.daugia3').slideToggle(1000);
            $('.b31').slideToggle(1);
            $('.b32').slideToggle(1);
        }

    }
</script>